﻿<div ng-controller="DashboardCtrl">
    <div class="widget">
        <div class="widget-body">
            <div class="well with-header" style="padding:20px">
                <div class="header bg-themeprimary">
                    Dashboard
                    <div class="btn-group pull-right">
                    </div>
                </div>
            </div>
            <section class="content">
                <div class="row">
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-PH"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{countPH}}</span>
                                <span class="info-box-text text-align-right"><a ui-sref=" app.providehelp">provide help (PH)</a></span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div><!-- /.col -->
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-GH"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{countGH}}</span>
                                <span class="info-box-text text-align-right"><a ui-sref="app.gethelp">get help (gh)</a></span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div><!-- /.col -->
                    <!-- fix for small devices only -->
                    <div class="clearfix visible-sm-block"></div>
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-PINs"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{countPin|number}}</span>
                                <span class="info-box-text text-align-right"><a ui-sref="app.pinmanage">banlace pin</a></span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div><!-- /.col -->
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-hoa-hong"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{profitWallet|number}}</span>
                                <span class="info-box-text text-align-right"><a ui-sref="app.referrals">profit wallet</a></span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div>
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-risk-wallet"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{riskWallet|number}}</span>
                                <span class="info-box-text text-align-right">risk wallet</span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div><!-- /.col -->
                    <div class="col-md-3 col-sm-6 col-xs-12 item">
                        <div class="info-box">
                            <span class="info-box-icon bg-white"><div class="icon-vi-cong-dong"></div></span>
                            <div class="info-box-content">
                                <span class="info-box-number text-align-right">{{WalletPublic | number}}</span>
                                <span class="info-box-text text-align-right">comunity wallet</span>
                            </div><!-- /.info-box-content -->
                        </div><!-- /.info-box -->
                    </div>
                </div>
                <!--show alert wait time-->
                <alert type="{{AlertTime}}" class="radius-bordered alert-shadowed" style="font-size:14px; background-color:white !important;opacity:0.9;border-left:5px solid red;color:orangered !important;line-height:40px;" ng-if="checkTime">
                    {{notice}}
                </alert>
            </section>
        </div>
    </div>
    <!-- Modal Templates-->
    <script type="text/ng-template" id="WarningModal">
        <div class="modal-header">
            <i class="glyphicon glyphicon-exclamation-sign"></i>
        </div>
        <div class="modal-title">{{title}}</div>
        <div class="modal-body">
            {{messeger}}
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-success" ng-ìf="hiddenBtn" ng-click="ok()">OK</button>
            <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
        </div>
    </script>
</div>